
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
    outline:none;
    margin: 0;
    padding: 0;
    list-style-type:none;
}
i,strong {
    font-style: normal;
    font-weight: normal;
}
.comtreetable {
    padding: 0 0.8vw;
    // --------------------------------------表格样式
    .el-table--border {border: none;}
    .el-table--border::after {background-color: transparent;}
    .el-table__empty-text {color:#D5DDE6;}
    .el-table .caret-wrapper {width: auto;}
    .el-table td, 
    .el-table th.is-leaf{border:none !important;border-bottom:1px dashed #063160!important;}
    .el-table::before{background-color:transparent !important;}
    .el-table--striped .el-table__body tr.el-table__row--striped td,
    .el-table, 
    .el-table__expanded-cell{background:transparent !important;}
    .el-table__header, 
    .el-table th, 
    .el-table tr {background-color: rgba(13, 46, 122,0) !important; color:#00A2F6;font-size: 1.3vh;}
    // 隔行换色 
    .el-table .el-table__row.el-table__row--striped{background-color:rgba(13, 46, 122,0) !important;}
    .el-table tbody tr{background-color:rgba(13, 46, 122,0) !important;color:#D5DDE6;}
    .el-table .el-table tbody tr.el-table__row{background-color:rgba(13, 46, 122,0) !important;color:#D5DDE6;}
    // 鼠标划过
    .el-table__body tr:hover td{
        background-color: rgba(13, 46, 122,0.6) !important;color:#fff;
    }
    .el-table__body .hover-row td {
        background-color: rgba(13, 46, 122,0) !important;color:#fff;
    }
    .el-table--border th.gutter:last-of-type {
        border: none!important;
    }
    .el-table__expand-icon {
        color: #fff;
    }
}
// 公用表格样式
.comtable {
    height: 100%;
    // --------------------------------------表格样式
    .el-table--border {border-color: #225F99;}
    .el-table--border::after {background-color: transparent;}
    .el-table__empty-text {color:#D5DDE6;}
    .el-table .caret-wrapper {width: auto;}
    .el-table td, 
    .el-table th.is-leaf{border-color: #225F99;}
    .el-table::before{background-color:transparent !important;}
    .el-table--striped .el-table__body tr.el-table__row--striped td,
    .el-table, 
    .el-table__expanded-cell{background:transparent !important;}
    .el-table__header, 
    .el-table th, 
    .el-table tr {background-color: rgba(3, 68, 126, 0.4) !important; color:#eee;font-size: 1.2vh;}
    // 隔行换色
    .el-table .el-table__row.el-table__row--striped{background-color:rgba(3, 68, 126, 0) !important;}
    .el-table tbody tr{background-color:rgba(3, 68, 126, 0) !important;color:#D5DDE6;}
    .el-table .el-table tbody tr.el-table__row{background-color:rgba(3, 68, 126, 0) !important;color:#D5DDE6;}
    // 高亮当前行
    .el-table__body tr.current-row>td {
        background-color: rgba(9, 81, 131, 0.6) !important;color:#fff;
    }
    // 鼠标划过
    .el-table__body tr:hover td{
        background-color: rgba(9, 81, 131, 0.6) !important;color:#fff;
    }
    .el-table__body .hover-row td {
        background-color: rgba(9, 81, 131, 0.6) !important;color:#fff;
    }
    .el-table__fixed-right::before, 
    .el-table__fixed::before {
        display: none;
    }
    .el-table__fixed-right-patch {
        display: none;
    }
    .el-table--border th.gutter:last-of-type {
        border-color: #225F99;
    }
    .el-table--border {
        border: 1px solid #225F99!important;
    }
    .el-button {
        padding: 0;
        min-height: 0;
    }
    // -----------------------------------------------翻页样式
    .el-pagination{
        text-align: right!important;
        padding: 1vh 0;
    }
    .el-pager li,
    .el-pagination .btn-prev,
    .el-pagination .btn-next,
    .el-pager li.btn-quicknext,
    .el-pager li.btn-quickprev {
        font-size: 1.1vh !important;
        margin-right: 0.5vw !important;
        border: 1px solid #225F99 !important;
        border-radius: 5px !important;
        color: #8D9BAC !important;
        background-color: #03447E !important;
        &:hover {
            background: #00AFFF !important;
            color: #fff !important;
        }
    }
    .el-pager li.active {
        background: #00AFFF !important;
        color: #fff !important;
        border: 1px solid #00AFFF !important;
    }
    .el-pagination .el-select .el-input .el-input__inner, 
    .el-pagination__editor.el-input .el-input__inner{
        border: 1px solid #225F99 !important;
        background: #03447E !important;
        color: #fff !important;
    }
    .el-pagination__sizes {
        .el-input__inner{
            height: 22px !important;
        }
        .el-input--mini .el-input__icon {
            line-height: 22px !important;
        }
    }
    .el-pagination button, 
    .el-pagination span:not([class*=suffix]) {
        font-size: 1.1vh !important;
        color:#00AFFF !important;
    }
}
// --------------------------------------滚动条样式
.page_scroll, .el-table__body-wrapper, .el-textarea__inner{
    &::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    // 滚动槽
    &::-webkit-scrollbar-track {
        border-radius:10px;
    }
    // 滚动条的滑块
    &::-webkit-scrollbar-thumb {
        background-color: rgba(9, 81, 125,0.5);
        border-radius: 3px;
    }
    // 滚动条交汇处
    &::-webkit-scrollbar-corner {
        background-color: rgba(9, 81, 125,0.5);
    }
}

// --------------------------------------弹窗样式
.el-dialog {
    background-color:#021a42 !important;
    box-shadow: 0px 0px 0px 1px #00a2ff !important;
}
.el-dialog  .el-dialog__header {
    padding-top:8px;
    padding-bottom:8px;
    background-color:#01437b;
}
.el-dialog  .el-dialog__header .el-dialog__title {
    color:#2fd5ff;
}
.el-dialog  .el-dialog__header .el-dialog__headerbtn {
    top:10px;
    right:12px;
}
.el-dialog .el-dialog__body { 
    padding: 2vh 1vw;
}
.el-dialog .el-dialog__footer {
    padding:10px 20px;
    box-shadow: 0px -1px 0px #084171 !important;
    background-color:#052253;
    .el-button--primary {
        background-color: #01437b;
    }
}
// -----------------------------------------表单样式
.el-form {
    .el-input,.el-select {
        margin-right: 0.8vw;
        .el-input__prefix,.el-input__icon {
            line-height: 4vh!important;
        }
    }
    .el-input__inner,.el-input-group__append {
        height: 4vh!important;
        line-height: 4vh!important;
        background: rgba(1, 31, 80, 0.6);
        border: 1px solid #016AB6;
        color: #fff;
    }
    .el-textarea__inner {
        background: rgba(1, 31, 80, 0.6);
        border: 1px solid #016AB6;
        color: #fff;
    }
    .el-input__inner:hover,.el-textarea__inner:hover {
        border: 1px solid #409EFF!important;
    }
    .el-form-item__label {
        font-size: 1.3vh!important;
        color: #fff;
    }
    .el-switch__label {
        color: #D5DDE6!important;
    }
    .el-switch__label.is-active {
        color: #00AFFF!important;
    }
}
// --------------------------------消息框样式
.el-message-box {
    background-color:#021a42 !important;
    box-shadow: 0px 0px 0px 1px #00a2ff !important;
    border: none !important;
}
.el-message-box  .el-message-box__header {
    padding-top:8px;
    padding-bottom:8px;
    background-color:#01437b;
}
.el-message-box  .el-message-box__header .el-message-box__title {
    color:#2fd5ff;
}
.el-message-box  .el-message-box__header .el-message-box__headerbtn {
    top:10px;
    right:12px;
}
.el-message-box .el-message-box__content { 
    padding: 2vh 1vw;
    color: #fff;
}
.el-message-box .el-message-box__btns {
    .el-button--primary {
        background-color: #01437b;
    }
}
// -------------------------------时间选择器样式
.el-date-editor.el-input__inner {
    background: rgba(1, 31, 80, 0.6);
    border: 1px solid #016AB6;
    color: #fff;
    height: 4vh!important;
    line-height: 4vh!important;
}
.el-date-editor.el-input__inner:hover {
    border: 1px solid #409EFF!important;
}
.el-date-editor {
    .el-range__icon {
        color: #fff;
    }
    .el-input__prefix,.el-input__icon {
        height: 4vh!important;
        line-height: 4vh!important;
    }
    .el-range-input {
        background-color: rgba(2, 55, 112,0)!important;
        color: #fff!important;
        border-radius: 4px;
    }
    .el-date-editor {
        padding-left: 0;
        padding-right: 0;
    }
    .el-range-separator {
        color: #00AFFF!important;
        margin: 0 0vw!important;
        height: 4vh!important;
        line-height: 4vh!important;
    }
}
// -------------------------------流星动画效果
@keyframes star-ani {
    0% {
        opacity: 0;
        transform: scale(0) translate3d(0, 0, 0);
    }
    20%{
        opacity: 0.8;
        transform: scale(0.2) translate3d(0px, 5.5vh, 5.5vh);
    }
    40% {
        opacity: 0.8;
        transform: scale(0.4) translate3d(0px, 11vh, 11vh);
    }
    60% {
        opacity: 0.8;
        transform: scale(0.6) translate3d(0px, 16.5vh, 16.5vh);
    }
    80% {
        opacity: 1;
        transform: scale(1) translate3d(0px, 22vh, 22vh);
    }
    100% {
        opacity: 1;
        transform: scale(1.2) translate3d(0px, 27.5vh, 27.5vh);
    }
}


.labelcheck {
    .el-checkbox {
        color: #d5d5d5;
        .el-checkbox__label {
            font-size: 1.2vh;
        }
    }
    .el-checkbox__inner {
        border: 1px solid #009CE7!important;
        background: #023663!important;
    }
    .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #00AFFF;
    }
}

.dia-search {
    .el-input .el-input__inner{
        border: 1px solid #225F99 !important;
        background: #03447E !important;
        color: #fff !important;
    }
}

// vue3-json-viewer样式
.jv-container.jv-light {
    background: transparent!important;
    overflow: auto;
    height: 100%;
}
.jv-container.jv-light .jv-item.jv-object {
    color: #01BBDF!important;
}
.jv-container.jv-light .jv-key {
    color: #01BBDF!important;
}
.jv-container.jv-light .jv-item.jv-array {
    color: #01BBDF!important;
}
.jv-container.jv-light .jv-ellipsis {
    background-color: #01BBDF!important;
    color: #fff!important;
}
.jv-node:after {
    color: #01BBDF!important;
}
.jv-container .jv-toggle {
    background-image: url('./assets/img/caret.png')!important;
}